

$(function () {
    banner();
    initProduct()
});

function banner() {
//     获取数据
//     判断当前是什么设备
//     根基设备来解析数据
//     渲染在html页面中
//     当页面尺寸改变的时候重新渲染
var myData;
var getDate=function (callback) {
    if (myData){
        callback && callback(myData);
        return false;
    }
    $.ajax({
        url:'js/index.json',
        type:"get",
        data:{},
        dataType:'json',
        success:function (data) {
            myData=data;
            callback && callback(myData);
        }
    });
};
var render=function () {
        //判断设备
        var width=$(window).width();

        var isMobile=false;
        if (width<=768){
            isMobile=true;
        }

        getDate(function (data) {


            var templatePoint = _.template($('#template_point').html());
            var templateImage = _.template($('#template_image').html());


            var htmlPoint=templatePoint({model:data});
            var htmlImage=templateImage({model:data,isMobile:isMobile});

            //渲染
            $(".carousel-indicators").html(htmlPoint);
            $(".carousel-inner").html(htmlImage);
        })

    };
    $(window).on("resize",function () {
        render();
    }).trigger("resize");

}

function  initProduct() {
    var tabs=$(".nav-tabs-product");
    var lis=tabs.find("li");
    var width=0;
    $.each(lis,function (i,item) {
        width+=$(this).innerWidth();
    });
    tabs.width(width);
}

itcast.iScroll({
    swipeDom:document.querySelector(".nav-tabs-product-parent"),
    swipeType:"x",
    swipeDistance:1000
})



